<template>
	<div>
		<van-nav-bar fixed="true">
			  <template #left>
				  <span style="font-size: 17px;" @click="chooseCity()">成人疫苗 · {{citem}}</span>
				  </template>
			  <template #right>
				<van-row>
				  <van-col span="3">
					  <van-icon name="ellipsis" size="22" @click="a()" style="color: #2C3E50;"/>
				  </van-col>
				  <van-col span="15">  </van-col>
				  <van-col span="3"><van-icon name="close" size="22" @click="b()" style="color: #2C3E50;" /></van-col>
				</van-row>
			    
			  </template>
		</van-nav-bar>
		<div style="margin-top: 50px;">
			<van-row>
				<van-col span="4" style="margin-left: 10px;">
					<van-uploader :after-read="afterRead">
						<van-image
						  round
						  width="2.4rem"
						  height="2.4rem"
						  :src="headurl"
						/>
					</van-uploader>
				</van-col>
				<van-col span="4">
					<div style="font-size: 16px;margin-top: 10px;">
						个人信息
					</div>
				</van-col>
				<van-col span="16"></van-col>
			</van-row>
		</div>
		<div style="margin-top: 20px;">
			<van-row>
				<van-col span="10">
					<van-icon name="friends" style="color: #42B983;" size="30"/>&nbsp;&nbsp;我的家人(0)
				</van-col>
				<van-col span="7">
				</van-col>
				<van-col span="7">
					<van-field
					  is-link
					  readonly
					  placeholder="档案管理"
					  @click=""
					/>
				</van-col>
			</van-row>
		</div>
		<div style="margin-top: 5px;">
			<van-row>
				<van-col span="7">
					<div style="font-size: 20px;margin-top: 15px;">
						我的订单
					</div>
				</van-col>
				<van-col span="17"></van-col>
			</van-row>
			<van-row style="margin-top: 5px;">
				<van-col span="24">
					<van-grid>
					  <van-grid-item icon="photo-o" text="我的订单"/>
					  <van-grid-item icon="photo-o" text="我的预约" />
					  <van-grid-item icon="photo-o" text="登记单" />
					  <van-grid-item icon="photo-o" text="我的订阅" />
					</van-grid>
				</van-col>
			</van-row>
		</div>
		<div style="margin-top: 5px;">
			<van-row>
				<van-col span="7">
					<div style="font-size: 20px;margin-top: 15px;">
						我的服务
					</div>
				</van-col>
				<van-col span="17"></van-col>
			</van-row>
			<van-row style="margin-top: 10px;">
				<van-col span="9">
					<van-icon name="service-o" style="color: #42B983;" size="30"/>&nbsp;&nbsp;智能客服
				</van-col>
				<van-col span="8">
				</van-col>
				<van-col span="7">
					<van-field
					  is-link
					  readonly
					  @click=""
					/>
				</van-col>
			</van-row>
			<van-row style="margin-top: 10px;">
				<van-col span="10">
					<van-icon name="shield-o" style="color: #42B983;" size="30"/>&nbsp;&nbsp;我的接种点
				</van-col>
				<van-col span="7">
				</van-col>
				<van-col span="7">
					<van-field
					  is-link
					  readonly
					  @click=""
					/>
				</van-col>
			</van-row>
		</div>
		<div style="margin-bottom: 0px;">
			<van-sticky>
				<van-tabbar v-model="active" route>
				  <van-tabbar-item replace to="/"  icon="smile-o">儿童疫苗</van-tabbar-item>
				  <van-tabbar-item icon="gem-o" to="/adult">成人疫苗</van-tabbar-item>
				  <van-tabbar-item icon="manager-o" to="/my1">我的</van-tabbar-item>
				</van-tabbar>
			</van-sticky>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				headurl:"https://img.yzcdn.cn/vant/cat.jpeg"
			}
		},
		methods:{
			afterRead(file){
				var that=this;
				console.log(file);
				const forms = new FormData();
				      //这里的file表示给后台传的属性名字，这里看接口文档需要传的的属性
				forms.append("file", file.file); // 获取上传图片信息
				this.axios.post("oss/uploadHeadImg",forms,{
				headers: {
				  'Content-Type': 'multipart/form-data',
				},
	      }).then((res)=>{
						if(res.data.code==200){
							that.headurl=res.data.data;
						}
				    }).catch((e)=>{
				})
			},
			a(){
				this.$toast.success('分享');
						  
			},
			b(){
				this.$router.push("/")
			}
		}
	}
</script>

<style>
</style>
